<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
</head>
<body>
    <h1>测试扩展程序界面</h1>
    <div id="app">
        <p>如果这个页面能正常显示，说明扩展程序的基础结构是正常的。</p>
    </div>
    <script>
        // 测试chrome.runtime.sendMessage是否工作
        if (typeof chrome !== 'undefined' && chrome.runtime) {
            console.log('Chrome runtime API可用');
            
            // 测试发送消息到background
            chrome.runtime.sendMessage({action: 'dbGet', docId: 'test'}, (response) => {
                if (chrome.runtime.lastError) {
                    console.error('发送消息错误:', chrome.runtime.lastError.message);
                } else {
                    console.log('消息发送成功:', response);
                }
            });
        } else {
            console.error('Chrome runtime API不可用');
        }
    </script>
</body>
</html>